import BaseInput from "@/components/ProForm/BaseInput.vue";
import BaseCascader from '@/components/ProForm/BaseCascader.vue'
import BaseCheckBox from '@/components/ProForm/BaseCheckBox.vue'
import BaseColorPicker from '@/components/ProForm/BaseColorPicker.vue'
import BaseDatePicker from '@/components/ProForm/BaseDatePicker.vue'
import BaseDateTimePicker from '@/components/ProForm/BaseDateTimePicker.vue'
import BaseInputNumber from '@/components/ProForm/BaseInputNumber.vue'
import BaseRadio from '@/components/ProForm/BaseRadio.vue'
import BaseSelect from '@/components/ProForm/BaseSelect.vue'
import BaseSwitch from '@/components/ProForm/BaseSwitch.vue'
import BaseTimePicker from '@/components/ProForm/BaseTimePicker.vue'
import BaseTimeSelect from '@/components/ProForm/BaseTimeSelect.vue'
import BaseUpload from '@/components/ProForm/BaseUpload.vue'
import BaseDropdown from '@/components/ProForm/BaseDropdown.vue'



import {
    options
} from './index.js'
import {
    reactive,
    ref
} from 'vue'
export const setFormConfig = {
    formProps: { // 表单属性
        labelPosition: 'left',
        style: {
            display: 'flex'
        }
    },
    formItems: [{
            name: BaseInput,
            props: { // 表单项属性
                label: '搜索',
                prop: 'name',
                borderBottom: true,
            },
            // label: '姓名',
            elProps: { // 表单组件属性
                placeholder: '內容/名稱',
                clearable: true,
                style: {
                    width: '134px',
                }
            },
            value: '' // 值（可按需设置不同类型值）
        },
        {
            name: BaseSelect,
            options: options,
            props: {
                label: '狀態',
                prop: 'status'
            },
            elProps: {
                placeholder: '全部',
                clearable: true,
                multiple: false,
                style: {
                    width: '100px',
                }
            },
            value: []
        },
        {
            name: BaseDatePicker,
            props: {
                label: '發佈日期',
                prop: 'time',
            },
            elProps: reactive({
                format: "YYYY-MM-DD",
                valueFormat: "YYYY-MM-DD",
                type: 'year',
                placeholder: '請選擇年份',
                startPlaceholder: "請選擇開始日期",
                endPlaceholder: "請選擇結束日期",
                clearable: true,
                format: "YYYY",
                valueFormat: 'YYYY-MM-DD'
            }),
            value: ''
        }

    ],
    rules: {

    }
}
export const DialogConfig = {
    formProps: { // 表单属性
        labelPosition: 'left',
        row:true,
        style: {
            // display: 'grid',
            // gridTemplateColumns: '1fr 1fr',
            // rowGap: '40px',
            // columnGap: '32px',
        }
    },
    formItems: [{
            name: BaseInput,
            props: { // 表单项属性
                label: '創立者',
                prop: 'name',
                borderBottom: true,
                span:12,
                style:{
                    marginBottom:'30px'
                }
            },
            // label: '姓名',
            elProps: { // 表单组件属性
                placeholder: '內容/名稱',
           
            },
            value: '' // 值（可按需设置不同类型值）
        },
        {
            name: BaseDatePicker,
            props: {
                label: '發佈日期',
                prop: 'time',
        
            },
            elProps: {
                format: "YYYY-MM-DD",
                valueFormat: "YYYY-MM-DD",
                type: 'date',
                placeholder: '請選擇年份',
                startPlaceholder: "請選擇開始日期",
                endPlaceholder: "請選擇結束日期",
                clearable: true,
              
            },
            value: ''
        },
        {
            name: BaseSelect,
            options: options,
            props: {
                label: '狀態',
                prop: 'select',
                style:{
                    marginBottom:'30px'
                }
            },
            elProps: {
                placeholder: '全部',
                clearable: true,
                multiple: false,
            },
            value: []
        },
        {
            name: BaseInput,
            props: { // 表单项属性
                label: '創立者',
                prop: 'title',
                borderBottom: true,

            },
            elProps: { // 表单组件属性
                placeholder: '內容/名稱',
            },
            value: '',
        },
        {

            name: BaseInput,
            props: { // 表单项属性
                label: '公告內容',
                prop: 'content',
                borderBottom: true,
            },
            // label: '姓名',
            elProps: { // 表单组件属性
                placeholder: '請輸入公告內容',
                type: 'textarea',
                style:{
                    width:'600px',
                },
                autosize: {
                    minRows: 6
                },
            },
            value: '' // 值（可按需设置不同类型值） 
        }

    ],
    rules: {

    }
}